<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>中蜜丝路</title>
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/find_honey.css" />
</head>
<!-- 蜜源寻蜜 -->

<body class="main">
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfloat">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfloat">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfloat">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfloat">
						<li><a href="../index.html">首页</a></li>
						<li class="active"><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="map-box">
		<div id="custom-map"></div>
		<div id="scalebox" class="zdeps">
			<div class="zoom-map" onclick="inMap()">
				<div class="bMap-smcbg in"></div>
			</div>
			<div class="zoom-map" onclick="out()">
				<div class="bMap-smcbg out"></div>
			</div>
		</div>
		<div class="map-down" id="honey-list-top"><i class="iconfont icon-up" style="font-size: 30px;"></i></div>
	</div>

	<!-- 主体 -->
	<div class="main_body clearfloat">
		<div class="main_title">
			<p>蜜源地蜂箱</p>
			<span>NECTAR TO THE HIVE</span>
		</div>

		<div class="screen_box">

			<div class="screen_row">
				<div class="row_head" >蜜源地：</div>
				<div class="row_body honey_land">
					<a href="javascript:" class="active" rel="1">全部</a>
					<a href="javascript:" class="row_list" rel="2">长白山蜜源地</a>
					<a href="javascript:" class="row_list" rel="3">大峡谷蜜源地</a>
					<a href="javascript:" class="row_list" rel="4">华阴山蜜源地</a>
				</div>
			</div>

			<div class="screen_row" >
				<div class="row_head">蜂蜜种类：</div>
				<div class="row_body honey_types">
					<a href="javascript:" class="active" rel="1">全部</a>
					<a href="javascript:" class="row_list" rel="2">枣花蜜</a>
					<a href="javascript:" class="row_list" rel="3">荆条蜜</a>
				</div>
			</div>

			<div class="screen_row">
				<div class="row_head">蜜蜂种类：</div>
				<div class="row_body honey_bee">
					<a href="javascript:" class="active" rel="1">全部</a>
					<a href="javascript:" class="row_list" rel="2">中蜂</a>
				</div>
			</div>

			<div class="screened_row">
				<div class="row_head">已选：</div>
				<div class="row_body">
					<a href="javascript:;" id="honey_land"></a>
					<a href="javascript:;" id="honey_types"></a>
					<a href="javascript:;" id="honey_bee"></a>
					<span id="clear_btn">清除全部</span>
				</div>
			</div>
		</div>

		<div class="hive_list">
			<div class="button_box">
				<a href="../html/order_submit.html" class="hive_button">认养蜂箱</a>
			</div>

			<ul class="hive_list_box">
				<li>
					<div class="list_img active">
						<img src="../img/temp/list_01.png">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_02.png">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="javascript:;" class="active">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_03.jpg">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_04.jpg">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_01.png">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_02.png">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_03.jpg">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="list_img">
						<img src="../img/temp/list_04.jpg">
						<p>库存量：123</p>
						<i class="iconfont icon-check"></i>
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive_price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1"
								onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive_details">
						<a href="../html/product_detail.html" class="hive_view">查看详情</a>
						<a href="../html/order_submit.html">认养蜂箱</a>
					</div>
				</li>
			</ul>
		</div>
		<!-- 分页 -->
		<div id="example" class="pagination pagination-sm no-margin pull-right">
			<ul>
				<li><a href="../html/404.html" title="" style="border-radius: 2px 0 0 2px;">
						<<</a> </li> <li><a href="../html/404.html" title="">
								<</a> </li> <li class="active"><a href="../html/404.html" title="">1</a></li>
				<li><a href="../html/404.html" title="">2</a></li>
				<li><a href="../html/404.html" title="">3</a></li>
				<li><a href="../html/404.html" title="">4</a></li>
				<li><a href="../html/404.html" title="">5</a></li>
				<li><a href="../html/404.html" title="">></a></li>
				<li><a href="../html/404.html" title="" style="border-radius: 0 2px 2px 0;">>></a></li>
			</ul>
		</div>
	</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfloat">
			<div class="foot-left pull-left">
				<ul>
					<li>
						<i class="iconfont icon-phone"></i>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-time"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-mailbox"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-location"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen pull-left">
				<dl>
					<dt>
						<a href="javascript:;">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="javascript:;">好蜜科普</a></dt>
					<dd>
						<a href="javascript:;">蜜源探秘</a>
						<a href="javascript:;">蜂蜜常识</a>
						<a href="javascript:;">蜂蜜种类</a>
						<a href="javascript:;">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜂业专委会</a></dt>
					<dd>
						<a href="javascript:;">工匠认证</a>
						<a href="javascript:;">专业培训</a>
						<a href="javascript:;">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜜蜂视界</a></dt>
					<dd>
						<a href="javascript:;">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="javascript:;">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig pull-left">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfloat"> 2017 中蜜丝路 鲁公网安备 11010102002425号 鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
	<!-- <script src="../js/pc/echarts.min.js"></script> -->
	<!-- <script src="../js/pc/china.js"></script> -->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=CYSLL3cAIGpE7eXPLpGNtNZLMrzEA0Nt">
	</script>
	<script>
		var map = new BMap.Map("custom-map"); // 创建Map实例
		map.centerAndZoom(new BMap.Point(106.065563, 38.303847), 5); // 初始化地图,设置中心点坐标和地图级别
		//    map.enableScrollWheelZoom()
		map.disableDoubleClickZoom()
		map.disablePinchToZoom()
		map.setCurrentCity("北京") // 设置地图显示的城市 此项是必须设置的
		function inMap() {
			map.setZoom(map.getZoom() + 1);
		}

		function out() {
			map.setZoom(map.getZoom() - 1);
		}

		var points = [{
				"lng": 132.216242,
				"lat": 46.349176,
				"name": "小兴安岭蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			},
			{
				"lng": 127.742269,
				"lat": 42.515146,
				"name": "长白山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			},
			{
				"lng": 110.835847,
				"lat": 37.004701,
				"name": "吕梁山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			},
			{
				"lng": 114.644087,
				"lat": 38.82287,
				"name": "太行山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 83.920602,
				"lat": 43.182776,
				"name": "天山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 106.54153,
				"lat": 33.907715,
				"name": "秦岭蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 108.059019,
				"lat": 30.359339,
				"name": "武陵山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 109.843557,
				"lat": 19.267705,
				"name": "五指山蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 98.510822,
				"lat": 28.977569,
				"name": "喜马拉雅蜜源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}, {
				"lng": 100.019401,
				"lat": 38.660663,
				"name": "祁连山源地",
				"url": "../img/temp/ad_01.jpg",
				"apiary": "bee_farm_detail.html",
				"craftsman": "craftsman_list.html",
				"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
			}
		]

		function addMarker(points) {
			//循环建立标注点
			var myIcon = new BMap.Icon("../img/temp/sprite.png", new BMap.Size(130, 130), {
				//            imageSize: new BMap.Size(170, 170),
				anchor: new BMap.Size(65, 85)
			});
			for (var i = 0, pointsLen = points.length; i < pointsLen; i++) {
				var point = new BMap.Point(points[i].lng, points[i].lat); //将标注点转化成地图上的点
				var label = new BMap.Label(points[i].name, {
					offset: new BMap.Size(0, 97)
				});
				label.setStyle({
					fontSize: "12px",
					backgroundColor: "0",
					fontWeight: 700,
					border: "0",
					width: "130px",
					textAlign: "center",
					lineHeight: "12px"
				});
				var marker = new BMap.Marker(point, {
					icon: myIcon
				}, {
					offset: "40px"
				}); //将点转化成标注点
				marker.setLabel(label);
				map.addOverlay(marker); //将标注点添加到地图上
				//添加监听事件
				(function () {
					var thePoint = points[i];
					marker.addEventListener("click",
						function () {
							showInfo(this, thePoint);
						});
				})();
			}
		}
		addMarker(points)
		var opts = {
			width: 310,
			height: 0,
			panel: "panel",
			enableAutoPan: true,
			offset: new BMap.Size(0, -60)
		};

		function showInfo(thisMarker, point) {
			//获取点的信息
			var sContent =
				"<div class='cladding-box'>" +
				"<div class='cladding-box-top'>" +
				"<img src='" + point.url + "'>" +
				"</div>" +
				"<h1>" + point.name + "" +
				"</h1>" +
				"<div class='cladding-text'>" + point.content + "</div>" +
				"<ul>" +
				"<li class='color-vr'><a href='" + point.apiary + "' target='_blank'>蜂场详情</a></li>" +
				"<li class='color-live'><a href='" + point.craftsman + "' target='_blank'>工匠列表</a></li>" +
				"<li class='color-order'><a href='#honey-list-top'>蜂箱列表</a></li>" +
				"</ul>" +
				"</div>";
			var infoWindow = new BMap.InfoWindow(sContent, opts); //创建信息窗口对象
			thisMarker.openInfoWindow(infoWindow); //图片加载完后重绘infoWindow
		}



		$(function () {
			// 下拉
			var i = 1;
			$(".map-down").click(function () {
				$("#custom-map").slideToggle();
				i++;
				if (!(i % 2 == 0)) {
					$(".map-down i").removeClass("icon-down")
						.addClass("icon-up");
				} else {
					$(".map-down i").removeClass("icon-up")
						.addClass("iconfont icon-down");
				}
			})

			// 选中状态
			$(".list_img i").click(function () {
				if (this.className == "iconfont icon-check") {
					$(this).removeClass("icon-check").addClass("icon-checked");
				} else if (this.className == "iconfont icon-checked") {
					$(this).removeClass("icon-checked").addClass("icon-check");
				}
			})

			//加减
			$(".sy_plus").click( function () {
				var num = $(this).parent().find(".sy_num").val();
				num++;
				$(this).parent().find(".sy_num").attr("value",num);
			})
			$(".sy_minus").click( function () {
				if($(this).parent().find(".sy_num").val() > 1) {
					var num = $(this).parent().find(".sy_num").val();
					num--;
					$(this).parent().find(".sy_num").attr("value",num);
				}
			})

			// 筛选
			$(".honey_land .row_list").click(function () {
				$(this).addClass("active").siblings().removeClass("active");
				$("#honey_land").attr("style","display: block;").html($(this).text() + '<span>×</span>');
				$("#honey_land span").click(function () {
					$("#honey_land").attr("style","display: none;");
					$(".honey_land a:first-child").addClass("active").siblings().removeClass("active");
				})
				$(".honey_land a:first-child").click(function () {
					$(this).addClass("active").siblings().removeClass("active");
					$("#honey_land").attr("style","display: none;");
				})
			})

			$(".honey_types .row_list").click(function () {
				$(this).addClass("active").siblings().removeClass("active");
				$("#honey_types").attr("style","display: block;").html($(this).text() + '<span>×</span>');
				$("#honey_types span").click(function () {
					$("#honey_types").attr("style","display: none;");
					$(".honey_types a:first-child").addClass("active").siblings().removeClass("active");
				})
				$(".honey_types a:first-child").click(function () {
					$(this).addClass("active").siblings().removeClass("active");
					$("#honey_types").attr("style","display: none;");
				})
			})

			$(".honey_bee .row_list").click(function () {
				$(this).addClass("active").siblings().removeClass("active");
				$("#honey_bee").attr("style","display: block;").html($(this).text() + '<span>×</span>');
				$("#honey_bee span").click(function () {
					$("#honey_bee").attr("style","display: none;");
					$(".honey_bee a:first-child").addClass("active").siblings().removeClass("active");
				})
				$(".honey_bee a:first-child").click(function () {
					$(this).addClass("active").siblings().removeClass("active");
					$("#honey_bee").attr("style","display: none;");
				})
			})

			$("#clear_btn").click(function () {
				$("#honey_land").attr("style","display: none;");
				$(".honey_land a:first-child").addClass("active").siblings().removeClass("active");
				$("#honey_types").attr("style","display: none;");
				$(".honey_types a:first-child").addClass("active").siblings().removeClass("active");
				$("#honey_bee").attr("style","display: none;");
				$(".honey_bee a:first-child").addClass("active").siblings().removeClass("active");
			})

		})
	</script>
</body>

</html>